//=require js/base
//=require js/jquery
//=require js/underscore
//=require js/backbone
//=require_tree src
var OKEvents = _.extend({}, Backbone.Events);

$.extend(jQuery.easing,{easeOutSine: function (x, t, b, c, d) {return c * Math.sin(t/d * (Math.PI/2)) + b;}});

(function ($) {
	'use strict';

	
	
	
	/*
	var data = [
					{	
						"dass":{
								"id":"1",
								"title":"11111",
								"time":"2013-11-02 16:00:00",
								"total":150
							},
							"pho":[
								{"id":"11","imgsrc":"imgsrc","comment":"11111","like":"11111"},
								{"id":"12","comment":"22222","like":"22222"},
								{"id":"13","comment":"33333","like":"33333"},
								{"id":"14","comment":"44444","like":"44444"},
								{"id":"15","comment":"55555","like":"55555"},
								{"id":"16","comment":"66666","like":"66666"}
							]
					},
					{
						"dass":{
							"id":"2",
							"title":"22222",
							"time":"2013-11-03 16:00:00"
						},
						"pho":[
								{"id":"21","imgsrc":"imgsrcimgsrc","comment":"11111","like":"11111"},
								{"id":"22","comment":"22222","like":"22222"},
								{"id":"23","comment":"33333","like":"33333"},
								{"id":"24","comment":"44444","like":"44444"},
								{"id":"25","comment":"55555","like":"55555"},
								{"id":"26","comment":"66666","like":"66666"}
							]
					},
					{
						"dass":{
							"id":"3",
							"title":"333333333",
							"time":"2013-11-05 16:00:00"
						},
						"pho":[
								{"id":"31","imgsrc":"imgsrcimgsrc","comment":"11111","like":"11111"},
								{"id":"32","comment":"22222","like":"22222"},
								{"id":"33","comment":"33333","like":"33333"},
								{"id":"34","comment":"44444","like":"44444"},
								{"id":"35","comment":"55555","like":"55555"},
								{"id":"36","comment":"66666","like":"66666"}
							]
					},
					{
						"dass":{
							"id":"4",
							"title":"333333333",
							"time":"2013-12-05 16:00:00"
						},
						"pho":[
								{"id":"41","imgsrc":"imgsrcimgsrc","comment":"11111","like":"11111"},
								{"id":"42","comment":"22222","like":"22222"},
								{"id":"43","comment":"33333","like":"33333"},
								{"id":"44","comment":"44444","like":"44444"},
								{"id":"45","comment":"55555","like":"55555"},
								{"id":"46","comment":"66666","like":"66666"}
							]
					},
									
				];
	
	*/
	
	var data = [
        {
            "class": "com.ooo.bbj.Timeline",
            "id": 11,
            "dateCreated": "2013-12-11T07:58:34Z",
            "lastUpdated": "2013-12-24T09:46:11Z",
            "photoCount": 147,
            "profile": {
                "class": "Profile",
                "id": 1
            },
            "sleepSongCount": 0,
            "sleepStoryCount": 0,
            "timelineDay": "2012-11-01",
            "timelinePhotos": "[{\"savePath\":\"2013-11-24/1/1/2013-12-11/dd3926a1-6aeb-49f6-9b28-afc09770e2e6.jpg\",\"photoId\":81,\"takenDate\":\"2012-11-01 11:28:52.0\",\"uploadDate\":\"2013-12-11 15:58:28.0\"},{\"savePath\":\"2013-11-24/1/1/2013-12-11/b11daefc-1e88-42c9-93c4-34ba0ee897ea.jpg\",\"photoId\":80,\"takenDate\":\"2012-11-01 10:53:45.0\",\"uploadDate\":\"2013-12-11 15:58:28.0\"}]"
        },
        {
            "class": "com.ooo.bbj.Timeline",
            "id": 14,
            "dateCreated": "2013-12-11T08:00:21Z",
            "lastUpdated": "2013-12-24T09:46:06Z",
            "photoCount": 147,
            "profile": {
                "class": "Profile",
                "id": 1
            },
            "sleepSongCount": 0,
            "sleepStoryCount": 0,
            "timelineDay": "2012-11-21",
            "timelinePhotos": "[{\"savePath\":\"2013-11-24/1/1/2013-12-11/0585f32e-b794-4526-beb7-292445773a75.jpg\",\"photoId\":84,\"takenDate\":\"2012-11-21 17:49:35.0\",\"uploadDate\":\"2013-12-11 16:00:15.0\"},{\"savePath\":\"2013-11-24/1/1/2013-12-11/8d22829c-d808-463c-843d-2f0214c15621.jpg\",\"photoId\":82,\"takenDate\":\"2012-11-21 17:46:38.0\",\"uploadDate\":\"2013-12-11 16:00:15.0\"}]"
        },
        {
            "class": "com.ooo.bbj.Timeline",
            "id": 15,
            "dateCreated": "2013-12-11T08:00:21Z",
            "lastUpdated": "2013-12-24T09:46:14Z",
            "photoCount": 147,
            "profile": {
                "class": "Profile",
                "id": 1
            },
            "sleepSongCount": 0,
            "sleepStoryCount": 0,
            "timelineDay": "2012-11-23",
            "timelinePhotos": "[{\"savePath\":\"2013-11-24/1/1/2013-12-11/e6f5d022-ecc3-4575-8cde-43684fbcc26e.jpg\",\"photoId\":83,\"takenDate\":\"2012-11-23 09:27:48.0\",\"uploadDate\":\"2013-12-11 16:00:15.0\"}]"
        },
        {
            "class": "com.ooo.bbj.Timeline",
            "id": 32,
            "dateCreated": "2013-12-24T09:46:16Z",
            "lastUpdated": "2013-12-24T09:46:16Z",
            "photoCount": 147,
            "profile": {
                "class": "Profile",
                "id": 1
            },
            "sleepSongCount": 0,
            "sleepStoryCount": 0,
            "timelineDay": "2012-11-29",
            "timelinePhotos": "[{\"savePath\":\"2013-11-24/1/1/2013-12-11/f0b1b90f-3d40-497b-90ee-abf6a594bf8d.jpg\",\"photoId\":61,\"takenDate\":\"2012-11-29 16:21:20.0\",\"uploadDate\":\"2013-12-11 12:17:06.0\"},{\"savePath\":\"2013-11-24/1/1/2013-12-11/47519c99-c284-4683-abb8-a69d9404ef00.jpg\",\"photoId\":62,\"takenDate\":\"2012-11-29 15:54:08.0\",\"uploadDate\":\"2013-12-11 12:17:06.0\"},{\"savePath\":\"2013-11-24/1/1/2013-12-11/1e50307a-073a-4f67-86aa-abcc66a3209f.jpg\",\"photoId\":63,\"takenDate\":\"2012-11-29 15:23:01.0\",\"uploadDate\":\"2013-12-11 12:17:06.0\"}]"
        },
        {
            "class": "com.ooo.bbj.Timeline",
            "id": 16,
            "dateCreated": "2013-12-11T08:02:04Z",
            "lastUpdated": "2013-12-24T09:46:09Z",
            "photoCount": 147,
            "profile": {
                "class": "Profile",
                "id": 1
            },
            "sleepSongCount": 0,
            "sleepStoryCount": 0,
            "timelineDay": "2013-01-18",
            "timelinePhotos": "[{\"savePath\":\"2013-11-24/1/1/2013-12-11/a4a59d2f-7a7c-47a5-b3ef-7eaa38f8e637.jpg\",\"photoId\":85,\"takenDate\":\"2013-01-18 18:07:10.0\",\"uploadDate\":\"2013-12-11 16:01:56.0\"}]"
        },
        {
            "class": "com.ooo.bbj.Timeline",
            "id": 18,
            "dateCreated": "2013-12-11T08:02:04Z",
            "lastUpdated": "2013-12-24T09:46:05Z",
            "photoCount": 0,
            "profile": {
                "class": "Profile",
                "id": 1
            },
            "sleepSongCount": 0,
            "sleepStoryCount": 0,
            "timelineDay": "2013-02-02",
            "timelinePhotos": "[{\"savePath\":\"2013-11-24/1/1/2013-12-11/a00a0dc4-1329-4dfd-892b-58c5b0195fda.jpg\",\"photoId\":60,\"takenDate\":\"2013-02-02 17:34:19.0\",\"uploadDate\":\"2013-12-11 12:17:06.0\"},{\"savePath\":\"2013-11-24/1/1/2013-12-11/1e57c5bb-fa30-4047-9c9f-4fcdb817a0d4.jpg\",\"photoId\":69,\"takenDate\":\"2013-02-02 17:34:19.0\",\"uploadDate\":\"2013-12-11 12:21:37.0\"},{\"savePath\":\"2013-11-24/1/1/2013-12-11/d629b668-3e4d-492b-8e70-f567178f1d13.jpg\",\"photoId\":86,\"takenDate\":\"2013-02-02 17:34:19.0\",\"uploadDate\":\"2013-12-11 16:01:57.0\"}]"
        },
        {
            "class": "com.ooo.bbj.Timeline",
            "id": 6,
            "dateCreated": "2013-12-11T04:27:26Z",
            "lastUpdated": "2013-12-24T09:46:10Z",
            "photoCount": 147,
            "profile": {
                "class": "Profile",
                "id": 1
            },
            "sleepSongCount": 0,
            "sleepStoryCount": 0,
            "timelineDay": "2013-05-21",
            "timelinePhotos": "[{\"savePath\":\"2013-11-24/1/1/2013-12-11/5e1acb1e-6761-4280-a1a6-f470713e4af6.jpg\",\"photoId\":64,\"takenDate\":\"2013-05-21 10:50:23.0\",\"uploadDate\":\"2013-12-11 12:19:12.0\"},{\"savePath\":\"2013-11-24/1/1/2013-12-11/923c72a3-84ea-44c2-9658-66a452ba271f.jpg\",\"photoId\":71,\"takenDate\":\"2013-05-21 10:50:23.0\",\"uploadDate\":\"2013-12-11 12:21:37.0\"},{\"savePath\":\"2013-11-24/1/1/2013-12-11/41e247de-9d90-46e4-8c5a-0a76d7c3f6e6.jpg\",\"photoId\":73,\"takenDate\":\"2013-05-21 10:50:23.0\",\"uploadDate\":\"2013-12-11 12:24:38.0\"},{\"savePath\":\"2013-11-24/1/1/2013-12-11/f19da185-0a39-4b1c-a2cf-1dd1bf783f79.jpg\",\"photoId\":75,\"takenDate\":\"2013-05-21 10:50:23.0\",\"uploadDate\":\"2013-12-11 12:26:58.0\"},{\"savePath\":\"2013-11-24/1/1/2013-12-11/fadfd465-58b0-4667-8665-fcbc5b61d5d4.jpg\",\"photoId\":65,\"takenDate\":\"2013-05-21 10:13:49.0\",\"uploadDate\":\"2013-12-11 12:19:12.0\"},{\"savePath\":\"2013-11-24/1/1/2013-12-11/e2542044-d073-4643-aaea-a072f3d574da.jpg\",\"photoId\":70,\"takenDate\":\"2013-05-21 10:13:49.0\",\"uploadDate\":\"2013-12-11 12:21:37.0\"},{\"savePath\":\"2013-11-24/1/1/2013-12-11/bac08a00-18bd-4d9f-ace8-8fd6a7da744e.jpg\",\"photoId\":72,\"takenDate\":\"2013-05-21 10:13:49.0\",\"uploadDate\":\"2013-12-11 12:24:38.0\"},{\"savePath\":\"2013-11-24/1/1/2013-12-11/d9dd76bb-1a35-4e48-b8eb-a0623feebb08.jpg\",\"photoId\":74,\"takenDate\":\"2013-05-21 10:13:49.0\",\"uploadDate\":\"2013-12-11 12:26:58.0\"},{\"savePath\":\"2013-11-24/1/1/2013-12-11/c4309620-c6ef-4338-8ae0-7da57510166e.jpg\",\"photoId\":87,\"takenDate\":\"2013-05-21 10:13:49.0\",\"uploadDate\":\"2013-12-11 16:01:57.0\"}]"
        },
        {
            "class": "com.ooo.bbj.Timeline",
            "id": 22,
            "dateCreated": "2013-12-13T11:33:48Z",
            "lastUpdated": "2013-12-24T09:46:14Z",
            "photoCount": 147,
            "profile": {
                "class": "Profile",
                "id": 1
            },
            "sleepSongCount": 0,
            "sleepStoryCount": 0,
            "timelineDay": "2013-11-14",
            "timelinePhotos": "[{\"savePath\":\"2013-11-24/1/1/2013-12-13/7e19ac93-9bc4-41db-925a-a688dc432b3b.jpg\",\"photoId\":95,\"takenDate\":\"2013-11-14 18:20:29.0\",\"uploadDate\":\"2013-12-13 19:33:27.0\"},{\"savePath\":\"2013-11-24/1/1/2013-12-13/ef203ae9-9b23-4e10-bed7-e829640f77cf.jpg\",\"photoId\":92,\"takenDate\":\"2013-11-14 18:19:19.0\",\"uploadDate\":\"2013-12-13 19:33:26.0\"},{\"savePath\":\"2013-11-24/1/1/2013-12-13/6404e052-1d06-4ad9-a453-af5d2372afa1.jpg\",\"photoId\":93,\"takenDate\":\"2013-11-14 18:18:10.0\",\"uploadDate\":\"2013-12-13 19:33:26.0\"},{\"savePath\":\"2013-11-24/1/1/2013-12-13/ede32ba0-06a9-4456-a8b8-f393ac9dced1.jpg\",\"photoId\":96,\"takenDate\":\"2013-11-14 18:17:27.0\",\"uploadDate\":\"2013-12-13 19:33:27.0\"},{\"savePath\":\"2013-11-24/1/1/2013-12-13/80b5fd46-fa37-46e1-819d-3813b7e2f842.jpg\",\"photoId\":97,\"takenDate\":\"2013-11-14 18:08:25.0\",\"uploadDate\":\"2013-12-13 19:33:27.0\"}]"
        },
        {
            "class": "com.ooo.bbj.Timeline",
            "id": 23,
            "dateCreated": "2013-12-13T11:33:48Z",
            "lastUpdated": "2013-12-24T09:46:15Z",
            "photoCount": 147,
            "profile": {
                "class": "Profile",
                "id": 1
            },
            "sleepSongCount": 0,
            "sleepStoryCount": 0,
            "timelineDay": "2013-11-15",
            "timelinePhotos": "[{\"savePath\":\"2013-11-24/1/1/2013-12-13/6b0aac20-4a4e-46c7-9f56-a6e38aaf88a8.jpg\",\"photoId\":94,\"takenDate\":\"2013-11-15 16:28:26.0\",\"uploadDate\":\"2013-12-13 19:33:26.0\"}]"
        }
    ];
	

	
    //$.GET
	
	var swapOptions ={};
		// swapOptions.swapGroupOut = $("#swap");
		swapOptions.navBar=$("#navBarOut");
		
		swapOptions.title=$("#title");
		
		
	var swapGroupOut = new $_V.SwapGroupOut(swapOptions);
		$("#swap").append(swapGroupOut.render(data).el);
    resizeTlImage();
	// var swapGroupOutViewEl = swapGroupOut.render().el;
		// $("#swap").append(swapGroupOutViewEl);
	
	// var bMain = new MainApp($("#swap"),$("#navBar"));
		// bMain.analysis(data);


    function resizeTlImage() {
        var windowH = $(window).height();
        var innerHeight = windowH - 150;
        var paddsize = 20;

        $(".bbj-tl-cover").height(Math.ceil(innerHeight -paddsize));
        $(".bbj-tl-one-h").height(Math.ceil(innerHeight -paddsize));
        $(".bbj-tl-one-h .photo-figure").height(Math.ceil(innerHeight - paddsize*2));

        // Two Photo Same
        $(".two-same-top").width(Math.ceil(innerHeight/2 * 1.6 - paddsize - 1));
        $(".two-same-top").height(Math.ceil(innerHeight/2 -paddsize));
        $(".two-same-top .photo-figure").height(Math.ceil(innerHeight/2 -paddsize*2));
        $(".two-same-top img").width(Math.ceil(innerHeight/2 * 1.6));

        $(".two-same-bottom").width(Math.ceil(innerHeight/2 * 1.6 - paddsize - 1));
        $(".two-same-bottom").height(Math.ceil(innerHeight/2 - 1 -paddsize));
        $(".two-same-bottom .photo-figure").height(Math.ceil(innerHeight/2 - 1 -paddsize*2));
        $(".two-same-bottom img").width(Math.ceil(innerHeight/2 * 1.6));


        // Two Photo Top Big
        $(".two-topBig-top").width(Math.ceil(innerHeight*(1/3) * 2.4 - paddsize - 1));
        $(".two-topBig-top").height(Math.ceil(innerHeight*(1/3) - paddsize));
        $(".two-topBig-top .photo-figure").height(Math.ceil(innerHeight*(1/3) - paddsize*2));
        $(".two-topBig-top img").width(Math.ceil(innerHeight*(1/3) * 2.4));

        $(".two-topBig-bottom").width(Math.ceil(innerHeight*(2/3) * 1.2 - paddsize - 1));
        $(".two-topBig-bottom").height(Math.ceil(innerHeight*(2/3) - 1 -paddsize));
        $(".two-topBig-bottom .photo-figure").height(Math.ceil(innerHeight*(2/3) - 1 -paddsize*2));
        $(".two-topBig-bottom img").width(Math.ceil(innerHeight*(2/3) * 1.2));


        // Two Photo Bottom Big
        $(".two-bottomBig-top").width(Math.ceil(innerHeight*(2/3) * 1.2 - paddsize));
        $(".two-bottomBig-top").height(Math.ceil(innerHeight*(2/3) -paddsize));
        $(".two-bottomBig-top .photo-figure").height(Math.ceil(innerHeight*(2/3) -paddsize*2));
        $(".two-bottomBig-top img").width(Math.ceil(innerHeight*(2/3) * 1.2));

        $(".two-bottomBig-bottom").width(Math.ceil(innerHeight*(1/3) * 2.4 - paddsize));
        $(".two-bottomBig-bottom").height(Math.ceil(innerHeight*(1/3) - 1 - paddsize));
        $(".two-bottomBig-bottom .photo-figure").height(Math.ceil(innerHeight*(1/3) - 1 - paddsize*2));
        $(".two-bottomBig-bottom img").width(Math.ceil(innerHeight*(1/3) * 2.4));


        //Three Photo Same
        $(".three-same-top").height(innerHeight*(1/3) - paddsize);
        $(".three-same-top .photo-figure").height(innerHeight*(1/3) - paddsize*2);
        $(".three-same-top").width(innerHeight*(1/3) * 2.4 - paddsize);
        $(".three-same-middle").height(innerHeight*(1/3) - paddsize - 1);
        $(".three-same-middle .photo-figure").height(innerHeight*(1/3) - paddsize*2 - 1);
        $(".three-same-middle").width(innerHeight*(1/3) * 2.4 - paddsize );
        $(".three-same-bottom").height(innerHeight*(1/3) - paddsize - 1);
        $(".three-same-bottom .photo-figure").height(innerHeight*(1/3) - paddsize*2 - 1);
        $(".three-same-bottom").width(innerHeight*(1/3) * 2.4 - paddsize);
        $(".three-same-top img, .three-same-middle img, .three-same-bottom img").width(innerHeight*(1/3) * 2.4);

        //Three Photo Top Small Two
        $(".three-twoSmallTop-top .three-twoSmall-left").height(innerHeight*(1/3) - paddsize);
        $(".three-twoSmallTop-top .three-twoSmall-left .photo-figure").height(innerHeight*(1/3));
        $(".three-twoSmallTop-top .three-twoSmall-left").width(innerHeight*(1/3) * 1.2 - paddsize);

        $(".three-twoSmallTop-top .three-twoSmall-right").height(innerHeight*(1/3) - paddsize);
        $(".three-twoSmallTop-top .three-twoSmall-right .photo-figure").height(innerHeight*(1/3));
        $(".three-twoSmallTop-top .three-twoSmall-right").width(innerHeight*(1/3) * 1.2 -1 - paddsize);
        $(".three-twoSmallTop-top .three-twoSmall-right img, .three-twoSmallTop-top .three-twoSmall-left img").width(innerHeight*(1/3) * 1.2 -1- paddsize);

        $(".three-twoSmallTop-bottom").height(innerHeight*(2/3) - paddsize);
        $(".three-twoSmallTop-bottom .photo-figure").height(innerHeight*(2/3) - paddsize*2);
        $(".three-twoSmallTop-bottom").width(innerHeight*(2/3) * 1.2 - paddsize);
        $(".three-twoSmallTop-bottom img").width(innerHeight*(2/3) * 1.2 + paddsize);

        //Three Photo Top Small One
        $(".three-oneSmallTop-top").height(innerHeight*(1/3) - paddsize);
        $(".three-oneSmallTop-top .photo-figure").height(innerHeight*(1/3) - paddsize*2);
        $(".three-oneSmallTop-top").width(innerHeight*(1/3) * 2.4 - paddsize);
       $(".three-oneSmallTop-top img").width(innerHeight*(1/3) * 2.4 + paddsize);

        $(".three-oneSmallTop-bottom .three-twoBig-left").height(innerHeight*(2/3) - paddsize);
        $(".three-oneSmallTop-bottom .three-twoBig-left .photo-figure").height(innerHeight*(2/3) - paddsize);
        $(".three-oneSmallTop-bottom .three-twoBig-left").width(innerHeight*(2/3) * 0.6 - paddsize);

        $(".three-oneSmallTop-bottom .three-twoBig-right").height(innerHeight*(2/3) - paddsize);
        $(".three-oneSmallTop-bottom .three-twoBig-right .photo-figure").height(innerHeight*(2/3) - paddsize);
        $(".three-oneSmallTop-bottom .three-twoBig-right").width(innerHeight*(2/3) * 0.6 -1 - paddsize);
        $(".three-oneSmallTop-bottom .three-twoBig-right img, .three-oneSmallTop-bottom .three-twoBig-left img").height(innerHeight*(2/3) - paddsize*2);


    }


    function resizeTlImageSize() {
        var windowH = $(window).height();
        var innerHeight = windowH - 150;

        var paddsize = 20;

        //var bbjoneImgH = $(".bbj-tl-one-h img").height();
        // One Photo
        $(".bbj-tl-one-h").height(innerHeight -paddsize);
        $(".bbj-tl-one-h img").height(windowH - 150);
        $(".bbj-tl-one-h .photo-figure").height(innerHeight - paddsize*2);

        $(".bbj-tl-one-v").height(innerHeight -paddsize);
        $(".bbj-tl-one-v .photo-figure").height(innerHeight -paddsize*2);
        $(".bbj-tl-one-v img").height(innerHeight);
        // Two Photo Same
        $(".two-same-top").width(innerHeight/2 * 1.7);
        $(".two-same-top").height(innerHeight/2 -paddsize);
        $(".two-same-top .photo-figure").height(innerHeight/2 -paddsize*2);
        $(".two-same-top img").width(innerHeight/2 * 1.7);

        $(".two-same-bottom").width(innerHeight/2 * 1.7);
        $(".two-same-bottom").height(innerHeight/2 - 1 -paddsize);
        $(".two-same-bottom .photo-figure").height(innerHeight/2 - 1 -paddsize*2);
        $(".two-same-bottom img").width(innerHeight/2 * 1.7);

        // Two Photo Top Big
        $(".two-topBig-top").width(innerHeight*(1/3) * 2.4);
        $(".two-topBig-top").height(innerHeight*(1/3) - paddsize);
        $(".two-topBig-top .photo-figure").height(innerHeight*(1/3) - paddsize*2);
        $(".two-topBig-top img").width(innerHeight*(1/3) * 2.4);

        $(".two-topBig-bottom").width(innerHeight*(2/3) * 1.2);
        $(".two-topBig-bottom").height(innerHeight*(2/3) - 1 -paddsize);
        $(".two-topBig-bottom .photo-figure").height(innerHeight*(2/3) - 1 -paddsize*2);
        $(".two-topBig-bottom img").width(innerHeight*(2/3) * 1.2);

        // Two Photo Bottom Big
        $(".two-bottomBig-top").width(innerHeight*(2/3) * 1.2);
        $(".two-bottomBig-top").height(innerHeight*(2/3) -paddsize);
        $(".two-bottomBig-top .photo-figure").height(innerHeight*(2/3) -paddsize*2);
        $(".two-bottomBig-top img").width(innerHeight*(2/3) * 1.2);

        $(".two-bottomBig-bottom").width(innerHeight*(1/3) * 2.4);
        $(".two-bottomBig-bottom").height(innerHeight*(1/3) - 1 - paddsize);
        $(".two-bottomBig-bottom .photo-figure").height(innerHeight*(1/3) - 1 - paddsize*2);
        $(".two-bottomBig-bottom img").width(innerHeight*(1/3) * 2.4);

        //Three Photo Same
        $(".three-same-top").height(innerHeight*(1/3) - paddsize);
        $(".three-same-top .photo-figure").height(innerHeight*(1/3) - paddsize*2);
        $(".three-same-top").width(innerHeight*(1/3) * 2.4);
        $(".three-same-middle").height(innerHeight*(1/3) - paddsize - 1);
        $(".three-same-middle .photo-figure").height(innerHeight*(1/3) - paddsize*2 - 1);
        $(".three-same-middle").width(innerHeight*(1/3) * 2.4);
        $(".three-same-bottom").height(innerHeight*(1/3) - paddsize - 1);
        $(".three-same-bottom .photo-figure").height(innerHeight*(1/3) - paddsize*2 - 1);
        $(".three-same-bottom").width(innerHeight*(1/3) * 2.4);
        $(".three-same-top img, .three-same-middle img, .three-same-bottom img").width(innerHeight*(1/3) * 2.4);

        //Three Photo Top Small Two
        $(".three-twoSmallTop-top .three-twoSmall-left").height(innerHeight*(1/3) - paddsize);
        $(".three-twoSmallTop-top .three-twoSmall-left .photo-figure").height(innerHeight*(1/3) - paddsize*2);
        $(".three-twoSmallTop-top .three-twoSmall-left").width(innerHeight*(1/3) * 1.2);

        $(".three-twoSmallTop-top .three-twoSmall-right").height(innerHeight*(1/3) - paddsize);
        $(".three-twoSmallTop-top .three-twoSmall-right .photo-figure").height(innerHeight*(1/3) - paddsize*2);
        $(".three-twoSmallTop-top .three-twoSmall-right").width(innerHeight*(1/3) * 1.2 -1);
        $(".three-twoSmallTop-top .three-twoSmall-right img, .three-twoSmallTop-top .three-twoSmall-left img").width(innerHeight*(1/3) * 1.2 -1);

        $(".three-twoSmallTop-bottom").height(innerHeight*(2/3) - paddsize);
        $(".three-twoSmallTop-bottom .photo-figure").height(innerHeight*(2/3) - paddsize*2);
        $(".three-twoSmallTop-bottom").width(innerHeight*(2/3) * 1.2 + paddsize);
        $(".three-twoSmallTop-bottom img").width(innerHeight*(2/3) * 1.2 + paddsize);

        //Three Photo Top Small One
        $(".three-oneSmallTop-top").height(innerHeight*(1/3) - paddsize);
        $(".three-oneSmallTop-top .photo-figure").height(innerHeight*(1/3) - paddsize*2);
        $(".three-oneSmallTop-top").width(innerHeight*(1/3) * 2.4 + paddsize);
        $(".three-oneSmallTop-top img").width(innerHeight*(1/3) * 2.4 + paddsize);

        $(".three-oneSmallTop-bottom .three-twoBig-left").height(innerHeight*(2/3) - paddsize);
        $(".three-oneSmallTop-bottom .three-twoBig-left .photo-figure").height(innerHeight*(2/3) - paddsize*2);
        $(".three-oneSmallTop-bottom .three-twoBig-left").width(innerHeight*(2/3) * 0.6);

        $(".three-oneSmallTop-bottom .three-twoBig-right").height(innerHeight*(2/3) - paddsize);
        $(".three-oneSmallTop-bottom .three-twoBig-right .photo-figure").height(innerHeight*(2/3) - paddsize*2);
        $(".three-oneSmallTop-bottom .three-twoBig-right").width(innerHeight*(2/3) * 0.6 -1);
        $(".three-oneSmallTop-bottom .three-twoBig-right img, .three-oneSmallTop-bottom .three-twoBig-left img").height(innerHeight*(2/3) - paddsize*2);

    }



})(jQuery);



